*{margin: 0;padding: 0;}
body{font: 12px/1.6 tahoma,arial,sans-serif;min-width: 1200px;min-width: 1200px;color: #333;}
a{text-decoration: none;color: #333333}
li{list-style: none;}
//购物车头部
#header{
  height: 31px;
  margin-bottom: 0;
  background: #fff;
  border-bottom: 1px solid #eee;
  .wrap{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    .home{
      background: url(http://s6.mogucdn.com/pic/140808/o613k_ieygizrthfrdgyzymiytambqgqyde_15x26.png) no-repeat 0 -5px;
      padding: 0 20px;
      display: inline-block;
      height: 30px;
      line-height: 30px;
      vertical-align: top;
      margin-left: 20px;
      float: left;
    }

    .header_top{
      float: right;
      .user_meta{
        &:hover .ext_mode{
          display: block;
        }
      }
      .s1{
        display: inline;
        position: relative;
        z-index: 100;
        float: left;
        margin: 0 15px 0 0;
        height: 31px;
        a{
          float: left;
          overflow: hidden;
          margin-top: 8px;
          color: #666;
          line-height: 14px;
          padding-right: 5px;
        }
        .icon_delta{
          position: absolute;
          width: 7px;
          height: 5px;
          top: 14px;
          right: 0;
          background: url(http://s6.mogucdn.com/pic/140808/o613k_ieygizrthfrdgyzymiytambqgqyde_15x26.png) 0 0;
        }
        .ext_mode {
          display: none;
          position: absolute;
          z-index: 999;
          width: 90px;
          top: 100%;
          left: -10px;
          background: #fff;
          border: 1px solid #eee;
          border-top: none;
          border-radius: 0 0 3px 3px;
          .s2{
            margin-bottom: 2px;
            a{
              float: none;
              display: block;
              height: 28px;
              line-height: 28px;
              padding: 0 20px;
              margin: 0;
              overflow: hidden;
              color: #444;
              &:hover{
                background: #eee;
              }
            }
          }
        }
      }
      .myorder{
        background: url(http://s17.mogucdn.com/p1/150923/upload_ie2wmzdehazwkztdgmzdambqhayde_100x400.png) no-repeat;
        background-position: 20px -212px;
        a{
          padding-left:38px;
          border-left: 1px solid #ddd;
        }
      }
      .shop_cart_v2>a{
        padding-left: 38px;
        border-left: 1px solid #dddddd;
      }
      .has_line{
        background: url(http://s17.mogucdn.com/p1/150923/upload_ie2wmzdehazwkztdgmzdambqhayde_100x400.png) no-repeat;
        background-position: 12px -104px;
        .car_info_wrap{
          position: relative;
          z-index: 10;
          display: inline-block;
          .cart_info{
            display: inline-block;
            color: #333;
            cursor: pointer;
          }
        }
      }
    }
  }
}
//搜索
.header_mid {
  position: relative;
  clear: both;
  border-bottom: 1px solid #f69;
  height: 110px;
  .wrap {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    .logo {
      float: left;
      width: 250px;
      height: 60px;
      margin-top: 28px;
      margin-bottom: 20px;
      overflow: hidden;
      text-indent: -999em;
      background: url(http://d02.res.meilishuo.net/pic/_o/50/a7/735e2614e3911e621f0446e54597_204_52.c5.png) no-repeat;
    }
    .top_nav_search {
      position: relative;
      z-index: 50;
      float: left;
      width: 502px;
      margin: 35px 0 0 132px;
      .search_inner_box {
        border: 1px solid #f36;
        min-height: 33px;
        .selectbox {
          position: relative;
          float: left;
          width: 70px;
          z-index: 10;
          .selected {
            display: block;
            height: 33px;
            line-height: 32px;
            padding-left: 12px;
            color: #666;
            cursor: pointer;
            background-color: #fff;
            border-radius: 4px 0 0 4px;
            background-image: url(http://s16.mogucdn.com/p1/150918/upload_ieytszrsgaytmm3cgmzdambqmeyde_100x400.png);
            background-repeat: no-repeat;
            background-position: 51px -17px;
          }
        }
        .ts_txt {
          float: left;
          height: 21px;
          line-height: 20px;
          padding: 6px 10px 6px 6px;
          width: 344px;
          border: none;
          color: #999;
          font-size: 12px;
        }
        .ts_btn {
          float: left;
          height: 33px;
          overflow: hidden;
          width: 70px;
          background-color: #f36;
          border: none;
          cursor: pointer;
          color: #fff;
          text-indent: -999em;
          background-image: url(http://s16.mogucdn.com/p1/150918/upload_ieytszrsgaytmm3cgmzdambqmeyde_100x400.png);
          background-repeat: no-repeat;
          background-position: 27px -57px;
        }
        .top_search_hint {
          display: none;
          position: absolute;
          left: 0;
          top: 33px;
          width: 500px;
          z-index: 999;
          font-size: 12px;
          background-color: #fff;
          border: 1px solid #cecece;
          border-top: 1px solid #f36;
        }
      }
    }
  }
}
//内容
#content{
  margin-top: 20px;
  overflow: hidden;
  .box{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    background: #ffffff;
    .left{
      float: left;
      width: 170px;
      margin-right: 14px;
      background: #fafafa;
      .left_ul{
        border:1px solid #e5e5e5;
        padding:1px 20px 55px 30px;
        li{
          overflow: hidden;
          margin-top: 25px;
          font-weight: 700;
          line-height: 14px;
          a{
            color: #333;
            display: inline-block;
            width: 100%;
            font-size: 14px;
            cursor: pointer;
            em{
              width: 5px;
              height: 7px;
              float: right;
              margin-top: 4px;
              background: url("");
              display: inline-block;
            }
          }
          ul{
            li{
              margin-top: 15px;
              border-bottom: 0;
              font-weight: 400;
              overflow: hidden;
              line-height: 14px;
              a{
                font-size: 12px;
                color: #666;
                &:hover{
                  color: #f69;
                }
              }
            }
            .c a{
              color:#f69;
            }

          }
        }
      }
    }
    .right{
      float: left;
      .address_content_box{
        background: #fff;
        min-height: 410px;
        width: 1012px;
        table {
          border-collapse: collapse;
          border-spacing: 0;
          width: 100%;
          line-height: 18px;
        }
        .address_list {
          margin-bottom: 24px;
          tr {
            border: 1px solid #eee;
            .adrl_nickname {
              padding-left: 20px;
            }
            th {
              font-weight: normal;
              padding: 14px 8px;
              text-align: center;
            }
          }
          td {
            font-weight: normal;
            padding: 14px 8px;
            text-align: center;
          }
          .adrl_address {
            text-align: left;
            word-break: break-all;
            word-wrap: break-word;
          }
          .adrl_control{
            .mlr-30 {
              margin-left: 30px;
              margin-right: 30px;
            }
            a {
              color: #f69;
            }
          }
        }
        .address_add_wrap {
          text-align: right;
          padding: 0 20px 22px 0;
          #btn-new {
            font-size: 16px;
          }
          .button {
            text-align: center;
            background-color: #f69;
            padding: 10px 40px;
            color: #fff;
            cursor: pointer;
          }
        }
      }
    }
  }
}
//收货地址
#dialogLayer{
  width: 690px;
  height: auto;
  display: none;
  top: 45px;
  left: 50%;
  margin-left: -345px;
  padding: 7px;
  background: rgba(102,102,102,0.5);
  position: fixed;
  z-index: 805;
  #dialogTitle{
    background-color: #f7f7f7;
    font-size: 14px;
    font-weight: bold;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    .close_z {
      cursor: pointer;
      float: right;
      background: url("http://i.meilishuo.net/css/images/header/mls_global140607.png") no-repeat -47px -70px;
      height: 11px;
      margin-top: 12px;
      width: 11px;
    }
  }
  #dialogContent{
    background: #fff;
    width: 100%;
    fieldset{
      border: 0;
      .address_form {
        padding: 20px 20px;
        .addressErrorMessage {
          margin-top: 4px;
          margin-left: 90px;
          margin-bottom: 4px;
          color: #f69;
        }
        legend {
          display: none;
        }
        p {
          margin-bottom: 15px;
          label {
            width: 74px;
            margin-right: 16px;
            display: inline-block;
            text-align: right;
            vertical-align: top;
            padding-top: 7px;
            span {
              color: #f69;
              font-weight: bold;
              font-size: 16px;
              float: left;
              margin-top: 1px;
            }
          }
          input {
            resize: none;
            outline: none;
            word-wrap: break-word;
          }
          .input-text {
            padding: 3px 5px;
            transition: .3s;
          }
          .short-input {
            width: 200px;
          }
          .l_ipt{
            border: 1px solid #ddd;
            color: #999;
            height: 20px;
            line-height: 20px;
          }
          strong {
            display: inline-block;
            width: 15px;
            height: 15px;
            margin-left: 10px;
            vertical-align: text-bottom;
          }
          .bad {
            background: url("http://i.meilishuo.net/css/images/doota/validate_1.png") no-repeat bottom left;
          }
          .mls-select {
            margin-left: 0;
            margin-right: 10px;
            width: 130px;
          }
          .no-mr {
            margin-right: 0;
          }
          .none_f {
            display: none;
          }
          .l_ipt_s {
            width: 538px;
            height: 70px;
            padding: 4px 5px;
            vertical-align: middle;
            border: 1px solid #ddd;
            color: #999;
            line-height: 20px;
          }
          textarea {
            resize: none;
            outline: none;
            word-wrap: break-word;
          }
          .mls-input-checkbox{
            position: absolute;
            overflow: hidden;
            visibility: hidden;
            height: 1px;
            width: 1px;
            margin: -1px;
            padding: 0;
            border: 0;
          }
          .mls-input-checkbox-label-new {
            cursor: pointer;
            padding-left: 20px;
            height: 15px;
            display: inline-block;
            line-height: 15px;
            background-repeat: no-repeat;
            background-position: 0 0;
            vertical-align: middle;
            background-image: url("");
          }
          .label-check {
            text-align: left;
            padding-top: 0;
          }
        }
        .submitBox {
          margin-top: 20px;
          padding-top: 20px;
          border-top: 1px dotted #e5e5e5;
          text-align: center;
        }
        .addressBtn {
          background-color: #f69;
          color: #fff;
          border: 1px solid #f69;
          width: 80px;
          .button {
            font-size: 12px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            border-radius: 2px;
            padding: 0;
            cursor: pointer;
          }
          input {
            resize: none;
            outline: none;
            word-wrap: break-word;
          }
          .cancelBtn {
            background-color: #fafafa;
            color: #666;
            border: 1px solid #e5e5e5;
            width: 50px;
            background: #ccc;
            margin-left: 6px;
          }
        }
      }
    }
  }
}
//底部
#foot{
  width: 100%;
  margin-top: 25px;
  padding-top: 30px;
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  .friendlink{
    width: 1200px;
    height: 31px;
    clear: both;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    line-height: 31px;
    padding: 0px 10px;
    overflow: hidden;
    margin: 0 auto;
    .link{
      float: left;
    }
    .link_slide{
      float: left;
      height: 31px;
      line-height: 31px;
      width: 800px;
      overflow: hidden;
      li{
        float: left;
        a{
          padding-left: 5px;
          color: #666;
          &:hover{
            color: #f69;
          }
        }
      }
    }
    .more{
      color: #666;
      float: right;
      &:hover{
        color: #f69;
      }
    }
  }
  .record{
    width: 1200px;
    height: 70px;
    margin: 0 auto;
    clear: both;
    border-top: 1px solid #e6e6e6;
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 15px;
    a{
      color: #666;
    }
  }
}


























